﻿<%-- <jsp:useBean id="usuario" class="com.uva.dbcs.practica1.modelo.LoginUserDTO" scope="session"></jsp:useBean> --%>


<!DOCTYPE html>
<%@page import="com.uva.dbcs.practica1.business.VehiculosManejador"%>
<%@page import="com.uva.dbcs.practica1.business.IVehiculosManejador"%>
<%@page import="com.sun.org.apache.bcel.internal.generic.INSTANCEOF"%>
<%@page import="com.uva.dbcs.practica1.modelo.LoginUserDTO"%>
<%@page import="com.uva.dbcs.practica1.modelo.VehiculoDTO"%>
<%@page import="java.util.List"%>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.ico">

    <title>Navbar Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/navbar.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <div class="container">

      <!-- Static navbar -->
      <div class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://getbootstrap.com/">Alquiler de coches Boostrap</a>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="#">Acerca de</a></li>
            </ul>
           
<!--             <ul class="nav navbar-nav navbar-right">
              <li class="active"><a href="./">Default</a></li>
              <li><a href="../navbar-static-top/">Static top</a></li>
              <li><a href="../navbar-fixed-top/">Fixed top</a></li>
            </ul>
           -->
        
       <%
       
       int numero_paginas = (Integer)request.getAttribute("paginas");
       String usuario = null;
       // dibujamos el formulario de login si el usuario no está logeado
       if (session.getAttribute("usuario")==null){
    	
    	%>
       
          
	         <div class="navbar-collapse collapse">
	          <form class="navbar-form navbar-right" role="form" action="LoginServlet" method="post">
	            <div class="form-group">
	              <input type="text" name="usuario" placeholder="Email" class="form-control">
	            </div>
	            <div class="form-group">
	              <input type="password"  name="contrasena" placeholder="Password" class="form-control">
	            </div>
	            <button type="submit" class="btn btn-primary">Sign in</button>
	          </form>
	        </div><!--/.navbar-collapse -->
       
       <%
       }else{
    	   // dibujamos la parte para cuando el usuario esta logeado
    	
    	  usuario = (String)session.getAttribute("usuario");
    	    
    	   
    	%>
    	

        
        	 <div class="navbar-collapse collapse">
	          <form class="navbar-form navbar-right" role="form" action="LoginServlet" method="post">
	            <div class="form-group">
	              Bienvenido  <%=usuario%> 
	            </div>
	            <div class="form-group">
	              <a href="LoginServlet?Logout=1">Logout</a> 
	            </div>
	            
	          </form>
	        </div><!--/.navbar-collapse -->
    	
       <%	   
       }
       %>
          
          
          </div><!--/.nav-collapse -->
          
          
          
          
          
          
          
        </div><!--/.container-fluid -->
      </div>

<!--	Este era el contenido inicial de la pÃ¡gina.    

   Main component for a primary marketing message or call to action
      <div class="jumbotron">
        <h1>Navbar example</h1>
        <p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
        <p>
          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
        </p>
      </div> -->
      
   <div class="panel panel-default">
  		
  		<!-- Este es el did donde se metera la paginacion -->
  		<div class="panel-heading ">
  		
  		
  			<div class="row">
  				<div class="col-xs-6 col-md-9"><h3>Vehículos disponibles</h3></div>
 				
 				<div class="col-xs-6 col-md-3">
 				
 					<ul class="pagination pagination-sm">
					  <li><a href="#">&laquo;</a></li>
					  
					  <%
					  
					  int pagina_actual =(Integer) request.getAttribute("pagina_solicitada");
					  
					  for (int i=1; i<=numero_paginas;i++){
						  if(pagina_actual==i){
							
					  %>
					  		<li class="active"><a  href="ReservasServlet?pagina_solicitada=<%=i%>"><%=i %></a></li>
					  <%
					  
						  }else{
					 %>
					 		<li><a href="ReservasServlet?pagina_solicitada=<%=i%>"><%=i %></a></li>
					 <%
						  }
					  }
					  %>
					  <!-- <li class="active"><a href="#">1 <span class="sr-only">(página actual)</span></a></li> -->
		  			 
					  <li><a href="#">&raquo;</a></li>
					</ul>
 				
 				</div>
			
			</div>

		</div>
  		
  		
  		
  		
  		
  	<!-- 	<div class="panel-body">
  			Un ejemplo
  		</div> -->
  		
  		<ul class="list-group">
  		
  		<%
  		
  		List<VehiculoDTO> lista_vehiculos = (List<VehiculoDTO>) request.getAttribute("lista_vehiculos"); 
  		
  		if (lista_vehiculos!=null && lista_vehiculos instanceof List){
  			
  			int i = 0;
  			
  			for (VehiculoDTO vehiDto : lista_vehiculos){
  				
  		
  		%>
  		
		    <li class="list-group-item">
		    
		   		<div class="row">
  				
  					<div class="col-md-3">
  					    <a href="./assets/imagenes/impreza.jpg" class="thumbnail">
      						<img data-src="holder.js/180x180" src="./assets/imagenes/impreza.jpg" alt="impreza"
      						style="height: 90px; width: 110px; display: block;">
    					</a>
  					</div>
  					
  					<div class="col-md-4 col-xs-6 ">
						
						<ul>
							<li>Marca: <%=vehiDto.getMarca()%></li>
							<li>Modelo: <%=vehiDto.getModelo() %></li>
							<li>Tipo: <%=vehiDto.getTipo() %></li>
							<li>Plazas: <%=vehiDto.getPlazas() %></li>
							<li>Color: <%=vehiDto.getColor() %></li>
						</ul>
		
					</div>
  					
  					
  					<div class="col-md-3 col-xs-6 ">
						
						<h1><span class="label label-primary form-group">75 €</span></h1>
					
					</div>
					
					<div class="col-md-2">
					
						<div style="padding-top: 23px ">
						
						<%
						
						// en función del estado del usuario, carnet y demás cosas se podrá o no
						// reservar el vehículo
						
						if (usuario==null){
						
						%>
						
						<button type="button"  disabled="disabled" class="btn btn-primary btn-lg btn-block ">Registrate!</button>
						
						<%
						}else{
							
							// el usuario esta registrado pero el coche puede no ser accesible
							
							List<Boolean> permisos_validos=	(List<Boolean>) request.getAttribute("permisos_validos");
							
							if (permisos_validos.get(i)==true){
								
									if (vehiDto.estaDisponible()){
								
						%>
									<button type="button" onclick="reservar()"  class="btn btn-primary btn-lg btn-block ">Reservar</button>
								
						<%
									}else{
						%>				
									<button type="button" disabled="disabled"  class="btn btn-primary btn-lg btn-block "><%=vehiDto.getEstado() %></button>
						<%				
									}
								
								}else{
								 
						%>
								<button type="button" disabled="disabled"  class="btn btn-primary btn-lg btn-block ">Carnet no válido</button>
								
						<%		
								}
						
						}
						%>
						
						
						
						</div>
					
					</div>
 				
 				
 				
 				
 				</div>
		    
		    </li>
		    
		    <%
		    	i++;
		 	   }
  		}
		    %>
		 
		 
		  </ul>
	</div>
      
      
      
      

    </div> <!-- /container -->
    
    <!-- Javascript para reservar -->
    <script type="text/javascript">
    
    function reservar() {
		
		alert("¡Reserva hecha!, Muchas Gracias");
    }
    
    </script>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./jquery-1.11.0.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
  </body>
</html>
